import { Button, Card, Popup, ResultPage } from 'antd-mobile'
import { useEffect, useState } from 'react'
import UserPopup from './components/UserPopup'


function Home() {
    const [visible1, setVisible1] = useState(false)
    const tc = () => {
        setVisible1(true)
    }
    useEffect(() => {

    }, [])
    return (
        <div>
            <UserPopup visible1={visible1} setVisible1={setVisible1} />
            <ResultPage
                status='success'
                title='火车票'
                description='便捷购票，服务您的每一次出行'
            >
                <ResultPage.Card style={{ height: 64, padding: 8 }}>
                    <div style={{ display: 'flex', justifyContent: "space-around" }}>
                        <h3 onClick={() => { tc() }}>北京</h3>
                        <h3 onClick={() => { tc() }}>上海</h3>
                    </div>
                </ResultPage.Card>
            </ResultPage>
        </div>
    )
}

export default Home
